<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>THECustomerInSight.com</title>
<link rel="stylesheet" type="text/css" href="CSS/new1style.css" media="screen" />
<link rel="stylesheet" href="CSS/slide.css" type="text/css" media="screen" />
<script type="text/javascript" src="JS/jquery-1.4.2.js"></script>
<script src="JS/slide.js" type="text/javascript"></script>
<script>
$(document).ready(function() {

	//When page loads...
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function() {

		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});

});
</script>
</head>

<body class="body">

<div class="container">
<div class="header">
</div>
<div class="topmenu">
<ul>
	  <li><a href="Index.html"> <span> Home </span></a></li>
		 <li> <a href="About us.html"> <span> About Us </span></a> </li>
		<li><a href="Membership-registration.html"> <span> Membership Registration </span></a></li>
		<li><a href=""> <span> Contact Us </span></a></li>
		
  </ul>
</div>
<div class="login">
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
			<div class="left">
				<h1>Welcome to www.theCustomerInSight.com </h1>
				<h2> Existing users can login here.! </h2>		
				<p class="grey"> If you forgot your password then kindly click <a href="Forgot password.html"> <b> "Forgot your Password?" </b> </a></p>
				
			</div>
			<div class="left">
				<!-- Login Form -->
				<form class="clearfix" action="#" method="post">
					<h1>Member Login</h1>
					<label class="grey" for="log">Email-Id:</label>
					<input class="field" type="text" name="log" id="log" value="" size="23" />
					<label class="grey" for="pwd">Password:</label>
					<input class="field" type="password" name="pwd" id="pwd" size="23" />
	            	<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Login" class="bt_login" />
					<a class="lost-pwd" href="Forgot password.html"> Forgot your password?</a>
				</form>
			</div>
			<div class="left right">	
            	<form name="login" action="tab1.php" method="POST" >
                <h1>Vendor/Admin Login</h1>
					<label class="grey" for="log">Email-Id:</label>
					<input class="field" type="text" name="username" id="log" value="" size="23" />
					<label class="grey" for="pwd">Password:</label>
					<input class="field" type="password" name="userpwd" id="pwd" size="23" />
	            	<div class="clear"></div>
					<input type="submit" name="submit" value="Login" class="bt_login" />
					

				</form>
				
			</div>
		</div>
</div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
			<li>Hello Guest!</li>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#">Log In Here!</a>
				<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
        
	</div> <!-- / top -->
	
</div>
</div>
<div class="contentcontainer">
<div class="leftcontainer">
<div id="sidemenu">
<center> <h2> Why you need us? </h2> </center>
                <h4> <ul>
                <li class="smenu"> <a href="Mission.html"> <span> Company's Mission </span> </a> </li>
                <li class="smenu"> <a href="History.html"> <span> History </span> </a> </li>
                <li class="smenu"> <a href="why you need us.html"> <span> Why you need us? </span></a> </li>
               </ul> </h4>  
</div>
</div>
<div class="centercontainer">
<div id="fullcontainer">
<div id="topcontainer">
<h1 class="welcome"> Our Service </h1>
<p class="quote"> <center> <blockquote> <i> "The greatest results in life are usually attained by simple means and the exercise of ordinary qualities. These may for the most part be summed in these two: common-sense and perseverance." </i> </blockquote> </p> </center>
<hr />
</div>
<!-- <div id="prodpic">
</div> -->
<div id="bottomcontainer">
<p class="info"> <center> <blockquote> We are here to serve you by providing neccessasy information of a product with the comparison of prices between multi vendors. This place is going to be the get together for the shopping lovers. TheCustomerInSight provides the new dimensional for the social shopping. you can add other users with the similar tastes and preferences and users can discuss with the other users.The purpose is to bring all the online shopping in Singapore together in one portal where it will benefit both buyers and sellers equally.Easy and Risk free shopping can now be assured. </blockquote> </center> </p> 
                
</div>
</div>
</div>
<div class="rightcontainer">
<div class="adv">
<p class="advertisement"> Advertisement </p>
<div id="adv1">
<img src="Images/adv1.png" />
</div>
<div id="adv2">
<img src="Images/adv2.png" />
</div>
</div>
</div>
</div>
<div class="footer">
<h3> Quick Links </h3>
 
<ul class="footerlinks">
<ul>
<li class="links"><a href="#"> Company Overview </a>  </li>
<li class="links"><a href="#"> Contact Us </a> </li>
<li class="links"><a href="#"> Feedback </a></li> </ul>
<ul>
<li class="links"><a href="#"> Membership Registration </a></li>
<li class="links"><a href="#">  User Login </a></li>
<li class="links"><a href="#"> Admin Login </a></li>
<li class="links"><a href="#"> Vendor Login </a></li>
</ul>

</div>
</div>
</body>
</html>
